<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入重置样式 -->
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 引入常态化样式表 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 头部和尾部的模板样式 -->
    <link rel="stylesheet" href="../css/base.css">
    <!-- 引入当前样式 -->
    <link rel="stylesheet" href="../css/customer.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="container flex-center">
            <a href="#">
                <h1></h1>
            </a>
            <ul class="flex-b">
                <li><a href="./index.html">首页</a></li>
                <li><a href="./api-index.html">API</a></li>
                <li><a href="./api-detail.html">云服务</a></li>
                <li class="on"><a href="./customer.html">案例</a></li>
                <li><a href="./customer-detail.html">开发者</a></li>
            </ul>
            <div>
                <span onclick="location.href='./login.html';">登录</span>
                <span onclick="location.href='./regist.html';">注册有礼</span>
            </div>
        </div>
    </header>
    <main>
        <!-- 横幅 -->
        <section id="banner">
            <!-- 粒子背景 -->
            <div id="bannerBg"></div>

            <h1>助力行业巨头、独角兽企业</h1>
            <p>已服务10万+企业客户</p>
            <span>- 精选案例 -</span>
        </section>
        <div id="main-max">
            <div class="container">
                <!-- 左边 -->
                <div class="left-main">
                    <!-- 上部：案例 -->
                    <section class="Mup">
                        <!-- 图文一 -->
                        <div class="minTitle">

                        </div>
                        <!-- 图文二 -->
                        <div class="minTitle">

                        </div>
                        <!-- 图文三 -->
                        <div class="minTitle">

                        </div>

                    </section>
                    <!-- 下部:更多伙伴小方块  -->
                    <section class="Mdown minTitle">
                        <h3>更多伙伴 <span>/More Partners</span></h3>
                        <ul class="flex-b">

                        </ul>
                    </section>
                </div>
                <!-- 右侧--侧边栏 -->
                <aside class="right-main">
                    <ul>
                        <li>金融案例</li>
                        <li>企业案例</li>
                        <li>政务案例</li>
                        <li>更多伙伴</li>
                    </ul>
                </aside>
            </div>
        </div>
    </main>
    <footer>
        <div class="container fTop flex-b">
            <!-- left -->
            <div class="fLt">
                <!-- 1 -->
                <div>
                    <h3>联系与支持</h3>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
                <!-- 2 -->
                <div>
                    <h3>联系与支持</h3>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
                <!-- 3 -->
                <div>
                    <h3>联系与支持</h3>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
                <!-- 4 -->
                <div>
                    <h3>联系与支持</h3>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
                <!-- 5 -->
                <div>
                    <h3>联系与支持</h3>
                    <ul>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </div>
            </div>
            <!-- right -->
            <div class="fRt">
                <h3>微信公众号</h3>
                <p>源码时代</p>
                <img src="../imgs/wechat-white.png" alt="">
            </div>
        </div>
        <!-- 最下面 -->
        <div class="fBm">
            <div class="container  flex-b">
                <p>
                    <img src="../imgs/bei2.png" alt="">
                    <img src="../imgs/bei1.png" alt="">
                    <span>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span>
                </p>
                <p>
                    <span>源码大数据股份有限公司©版权所有</span>
                    <!-- 定位在浏览器端 -->
                    <b></b>
                </p>
            </div>
        </div>
    </footer>

    <!-- 自定义工具包的js -->
    <script src="../js/util.js"></script>
    <!-- 插件：粒子插件 -->
    <script src="../lib/canvas-particle.js"></script>
    <!-- 引入当前页的js -->
    <script src="../js/customer.js"></script>
</body>

</html>